<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的笔记</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/CSS/mynode_page.css">
</head>
<body>
<%--点击删除或修改按钮的弹窗--%>
<div class="delete_window">
    <div class="close">×</div>
    <P>是否删除该笔记</P>
    <div class="yes">YES</div>
    <div class="no">NO</div>
</div>
<div class="alter_window" onsubmit="return false">
    <div class="close">×</div>
    <form action="#">
        <input type="text" name="" placeholder="请输入笔记名">
        <select name="class">
            <option value="none" selected disabled hidden>类别</option>
            <option value="Study">学习笔记类</option>
            <option value="Source">项目源码类</option>
            <option value="Bug">BUG解决类</option>
            <option value="Curriculum">课程系列类</option>
            <option value="Function">功能实现类</option>
        </select>
        <select name="language">
            <option value="none" selected disabled hidden>语言</option>
            <option value="Java">Java</option>
            <option value="Python">Python</option>
            <option value="HTML">HTML</option>
            <option value="JavaScript">JavaScript</option>
            <option value="Go">Go</option>
            <option value="PHP">PHP</option>
            <option value="JSP">JSP</option>
            <option value="C">C</option>
            <option value="C++">C++</option>
            <option value="Maven">Maven</option>
            <option value="SQL">SQL</option>
            <option value="MySQL">MySQL</option>
            <option value="Redis">Redis</option>
            <option value="Android">Android</option>
            <option value="XML">XML</option>
            <option value="Docker">Docker</option>
            <option value="Ruby">Ruby</option>
            <option value="Rust">Rust</option>
        </select>
        <input type="submit">
    </form>
</div>
<div class="content">
    <!-- 侧边栏部分 -->
    <div class="left_bar">
        <!-- 图标部分 -->
        <div class="logo">
            <div class="l_img">
                <h1>BOKEY</h1>
                <p>欢迎!您还没有登录</p>
            </div>
        </div>
        <!-- 分割线 -->
        <div class="line"></div>
        <!-- 选项卡部分(选择二合一模块的组件) -->
        <ul class="select">
        <li >
            <p></p>
            <h4>主页</h4>
        </li>
        <li>
            <p></p>
            <h4>笔记上传</h4>
        </li>
        <li>
            <p></p>
            <h4>搜索笔记</h4>
        </li>
        <li class="selecting">
            <p></p>
            <h4>我的笔记</h4>
        </li>
    </ul>
        <div class="line"></div>
    </div>
    <!-- 顶部部分 -->
    <div class="top">
        <a href="${pageContext.request.contextPath}/login">注册/登录</a>
        <p>在分享笔记前，记得先注册登录哦，点击上面的按钮进去登录/注册页面</p>
    </div>
    <!-- 主模块 -->
    <div class="main">
        <h1>My Note Management</h1>
        <ul class="node_list">
            <div class="tap">
                <div>笔记名称</div>
                <div>笔记类型</div>
                <div>笔记类型</div>
                <div>操作</div>
            </div>
            <div class="result">
                <div class="tips">
                    <img src="/chapter12/Image/tips.png"/>
                    <h3>您还没有上传自己的笔记哦!<br>快去分享自己的笔记吧</h3>
                </div>
            </div>
        </ul>
    </div>
</div>

</body>
<%--引入cookie工具--%>
<script src="${pageContext.request.contextPath}/JS/tool_cookie.js"></script>
<%--引入jquery--%>
<script src="${pageContext.request.contextPath}/JS/jquery-1.11.3.min.js"></script>
<%--引入自己的JS代码--%>
<script src="${pageContext.request.contextPath}/JS/mynode_page.js"></script>
</html>